@charset "utf-8";
/* CSS Document */

body,input,select,textarea{/* background:transparent !important*/; font-family: "微软雅黑","宋体";}
body,ul,ol,li,h4,h6,p,div,label,form,h1,h2,h3,h4,h5,h6,table,tr,td,dl,dd,dt,th{ font-family: "微软雅黑","宋体"; margin:0; padding:0; list-style:none !important;list-style-type:none;}
em{ font-style:normal;}
a{ text-decoration:none !important;}

.fl{ float:left;}
.fr{ float:right;}
.fixed:after {  content: "";  display: block; clear: both;  height:0;  visibility: hidden; }
.fixed { display: block; min-height: 1%; }
.clear{clear:both;visibility:hidden;line-height:1px; float:none;}
.ui-content{ padding: 0;}
:focus {outline:0;}
.ftclear{ background-color:transparent !important; border:none !important; margin:0 !important; font-weight:normal;}


.navbar{ position:fixed; width:100%; height:2.75rem; color:#fff !important; text-shadow:none !important; background:url(../images/common/nav_bg.png) no-repeat; background-size:cover; z-index: 60 !important;}
.header-icon{ height:2.75rem; width:2.75rem; display:block; top:0 !important; text-indent:-9999%; background-color: transparent;}
.header-icon em{ height:2.75rem; width:2.75rem; display: block;}
.header-icon em.back{ background:url(../images/common/back_icon_nor.png) center center no-repeat; background-size:50%;}
.header-icon em.user{ background:url(../images/common/logout.png) center center no-repeat; background-size:50%;}
.header-icon em.tickting{ background:url(../images/common/icon_feedback.png) center center no-repeat; background-size:50%;}
.header-icon em.record{ background:url(../images/common/icon_latelyuse.png) center center no-repeat; background-size:50%;}
.header-icon em.history{background:url(../images/icon_time_black.png) center center no-repeat; background-size:50%;}

.header-icon em.setting{ background: url("../images/common/setting_icon_nor.png") center center no-repeat; background-size: contain;}
.header-icon:active,.header-icon:hover,.header-icon:visited{ position: relative; background:url("../images/common/white_bg.1.png") repeat;}
.navbar h1{ position:absolute; top:0; left:50%; width:60%; margin-left:-30% !important; z-index:11;}

.btn{ font-size:1em; background-color:transparent !important; border-radius:45px;}
.btn.orange{ border:1px solid #ff9907; color:#ff9907;}
.btn.orange:focus{ background:#ff9907 !important; color:#fff;}
.btn.grey{ border:1px solid #bbb; color:#bbb;}
.btn.grey:focus{ background:#bbb !important; color:#fff;}

/*修改jquery mobile默认按钮样式 -begin*/
.ui-btn{ margin:0 !important; padding:0 !important; border:0 !important; background-color:transparent ;}
.ui-shadow{ box-shadow:none !important;-webkit-box-shadow:none !important;}
.ui-page-theme-a .ui-btn.ui-btn-active{ background-color: transparent; border: none; box-shadow: none;}
.ui-page-theme-a .ui-btn{ background-color: transparent; border: none; box-shadow: none;}
.ui-page-theme-a .ui-btn:hover{background-color: transparent; border: none; box-shadow: none;}
.ui-link,.ui-link:hover{ text-decoration:none; text-shadow:none;}

/*------------------弹出框样式---------------------------*/
.dialpage{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:3000;}
.dialpage .maskbox{ position:absolute; top:0; left:0; right:0; bottom:0; background:#000;filter:alpha(opacity=60);opacity: 0.6;-webkit-opacity: 0.6; z-index:40;}
.dialpage .close{ position:absolute; top:-29px; right:-29px; width:58px; height:58px; z-index:320;}
.dialpage .close a{width:3.625em; height: 3.625em;/* width:58px; height:58px;*/ text-indent:-9999%; background:url(../images/group/popclose_btn_nor.png) no-repeat; background-size:cover; display:block;}
.dialpage .close.s{ position:absolute; top: .625em; right: .625em; height: 2.2em; width: 2.2em; /*top:10px; right:10px; height:40px; width:40px;*/ z-index:350;}
.dialpage .close.s a{ height: 2.2em; width: 2.2em; text-indent:-9999%; background:url(../images/common/close-s_icon_nor.png) no-repeat; background-size:cover; display:block;}
.dialpage .close.s a:active,.dialpage .close.s a:hover{ background:url(../images/common/close-s_icon_sel.png) no-repeat; background-size:cover;}
.dialpage .back.s{ position:absolute; top: .625em; left: .625em; height: 2.2em; width: 2.2em;z-index:351;}
.dialpage .back.s a{ height: 2.2em; width: 2.2em; text-indent:-9999%; background:url(../images/common/back-s_icon_nor.png) no-repeat; background-size:cover; display:block;}
.dialpage .back.s a:active,.dialpage .close.s a:hover{ background:url(../images/common/back-s_icon_sel.png) no-repeat; background-size:cover;}

.dialpage .back.sr{ top: .625em; left: .625em; height: 2.2em; width: 2.2em;z-index:351;float:right;padding-top:0.6rem;font-size:1.25rem; color: white;font-weight:normal;font-family: "微软雅黑","宋体"}
.dialpage .back.sr span{ font-size:1.1rem;height: 2.2em; width: 2.2em; text-indent:-9999%; color: white;font-weight:normal;font-family: "微软雅黑","宋体"}
	 

.dialpage .dialbox{ position:absolute; background:#fff; border-radius:.9375em; z-index:370;}
.bor{ border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0,0,0,.1);}
.dialpage .dialbox.size-l{ top:8%; bottom:8%; left:8%; right:8%;}
.dialpage .dialbox.size-m{ top:24%; bottom:24%; left:6%; right:6%;}
.dialpage .dialbox.size-s{ top:50%; left:12%; right: 12%; margin-top:-84px;/* margin-left:-150px; width:300px;*//* height:168px;*/}
.dialpage .dialwrap{ position:relative; width:100%; height:100%;}
.dialframe{ padding:3%; width:94%; height:94%;}
.dialcon{ position:relative; width:100%; height:100%; }
#dialtips{ z-index:400;}
.dialpage .tipsmain{/* height:118px;*/ overflow:hidden;}
.dialpage .tipsmain div{ padding:30px; font-size:1em; text-align:center;}

.dialpage .tipsbtn{ width:100%; height:44px;}
.dialpage .tipsbtn a{ border-top:1px solid #e1e1e1; float:left; width:50%; height:43px; font-weight:normal; display:block; text-align:center; line-height:43px; color:#444; background:#f1f1f1; font-size:.85rem;}
.dialpage .tipsbtn a:nth-child(1){ border-radius:0 0 0 15px;}
.dialpage .tipsbtn a:nth-child(2){ border-radius:0 0 15px 0; border-left:1px solid #e1e1e1; margin-left:-1px;}
.dialpage .tipsbtn a:only-child{ width:100%; border-radius:0 0 15px 15px;}
.dialpage .tipsbtn a:hover,.dialpage .tipsbtn a:active{ background:#ddd; text-decoration:none !important;}
.dialpage .tipsbtn a.orange{ color:#ff850d;}

.foot-btn .butts{ color:#ff850d;background:#f1f1f1;border: 1px solid #ff850d;}
.confirms{color:#ff850d;}

/*face-plate*/
.faceplate{ position: fixed; top:0; bottom:0; left:0; right:0; z-index:1; background:url(../images/common/facePlate_bg.png) no-repeat; background-size:cover; z-index: 1;}
.faceplate .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 2;}
.faceplate .fp-user{ position:absolute; top: 0; left: 0; width:80%; height: 100%; padding:2.25rem 1.25rem 0; -webkit-box-sizing: border-box;  box-sizing: border-box; z-index: 3;}

.faceplate .fp-user .fp-user-wrap{ position: relative; width: 100%; height: 100%;}
/*head*/
.faceplate .fp-user .fp-user-head{ height: 3.4rem; box-shadow: 0px 1px 0px rgba(255,255,255,0.35);}
.fp-user-head .headimg{ float: left; width: 3.4rem;}
.fp-user-head .headimg .cir{ position:relative; width: 2.5rem; height: 2.5rem;display: block; border: 1px solid #fff; border-radius: 45px;}
.fp-user-head .headimg .cir em{ position: absolute; top:0; left:0; height: 50%; width: 50%; margin: 25%; display: block; background: url("../images/index/head_icon.png") no-repeat; background-size: contain; z-index: 66;}
.fp-user-head .headimg .cir .headbg{ position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; background: #fff; border-radius: 45px; -webkit-opacity: 0.1; opacity: 0.1; z-index: 62;}
.fp-user-head .headtxt{ float: left;}
.fp-user-head .headtxt .til{ height: 1.25rem; font-weight: normal; line-height: 1.25rem; color: #ba987b; font-size: .75rem; text-shadow: none !important;}
.fp-user-head .headtxt .txt{ height: 1.125rem; line-height: 1.125rem; color: #fff; font-size:.875rem; text-shadow: none !important;}
/*body*/
.faceplate .fp-user .fp-user-body{ position: absolute; width: 100%; top: 3.4rem; bottom:3.75rem; left: 0; overflow: auto;}
.list ul{ padding-top: 1.5rem;}
.list ul li{ height: 2.75rem; box-shadow: 0px 1px 0px rgba(255,255,255,0.03); overflow: hidden; display:}
.list ul li:last-child{ box-shadow: 0px 1px 0px rgba(255,255,255,0.1);}
.list ul li a{ height: 2.75rem; width: 100rem; display: block;}
.list ul li .ico{ float: left; width: 1.25rem; height: 1.25rem; margin: .75rem .625rem; display: block; opacity: .8;}
.list ul li .ico.man{ background: url("../images/common/man_icon_nor.png") center center no-repeat; background-size: contain;}
.list ul li .ico.card{ background: url("../images/common/card_icon_nor.png") center center no-repeat; background-size: contain;}
.list ul li .ico.help{ background: url("../images/common/help_icon_nor.png") center center no-repeat; background-size: contain;}
.list ul li .ico.update{ background: url("../images/common/update_icon_nor.png") center center no-repeat; background-size: contain;}
.list ul li .ico.about{ background: url("../images/common/about_icon_nor.png") center center no-repeat; background-size: contain;}
.list ul li .txt{ float:left; height: 1.25rem; padding: .75rem 0; text-shadow: none !important; line-height: 1.25rem; font-size: .875rem; color: #fff; opacity: .8;}
.list ul li .tip{ float: left; height: 1,25rem; padding: .75rem 0; padding-left: .65rem; text-shadow: none !important; line-height: 1.25rem; font-size: .75rem; color: #fff; opacity: .3;}
.list ul li a:active,.list ul li a:hover{ background:url("../images/common/white_bg.1.png") repeat;}
.list ul li a:active .txt,.list ul li a:hover .txt{ text-decoration: none !important; text-shadow: none !important;}
/*footer*/
.faceplate .fp-user .fp-user-foot{ position: absolute; bottom:0; left: 0; width: 100%; }
.fp-user-foot ul{ width: 100%;}
.fp-user-foot ul li{ float: left; width: 50%;}
.fp-user-foot ul li a{ height: 2.75rem; margin: .5rem 0; width: 100%; display: block; -webkit-opacity: .6; opacity: .6;}
.fp-user-foot ul li a:active,.fp-user-foot ul li a:hover{ background:url("../images/common/white_bg.1.png") repeat; border-radius: .375rem;}
.fp-user-foot ul li .ico{ float:left; width: 1.25rem; height: 1.25rem; margin: .75rem .625rem; display: block;}
.fp-user-foot ul li .ico.setting{ background: url("../images/common/setting_icon_nor.png") center center no-repeat; background-size: contain;}
.fp-user-foot ul li .ico.exit{ background: url("../images/common/exit_icon_nor.png") center center no-repeat; background-size: contain;}
.fp-user-foot ul li .txt{ float:left; height: 1.25rem; padding: .75rem 0; text-shadow: none !important; line-height: 1.25rem; font-size: .875rem; color: #fff;}

